<template>
    <div :style="style" class="footer">
       <slot></slot>
    </div>
</template>

<script setup lang="ts" >
    import {computed} from 'vue'
    import type {CSSProperties} from "vue"
    


    defineOptions({
        name:"ElFooter"
    })

    let props = defineProps({
        height:{
            type:Number,
            default:60
        }
    })

    const style = computed(()=>{
        const styles:CSSProperties = {}
        if(props.height){
            styles.height = props.height+'px'
        }

        return styles
        
    })
</script>

<style scoped lang="scss">
// .footer{
//     height: ;
//     // padding: 0 20px;
//     // box-sizing: border-box;
// }
.footer{
    width: 100%;
}
</style>